<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本一</title>
    <style type="text/css">
        h2 {
            font-size: 3em;
            text-align: center;
            text-shadow: 6px 12px 3px gray;
        }
        p::first-letter{
            font-size: 2em;
            text-decoration: underline;
        }
        p {
            font-family: 微软雅黑;
            font-size: 12pt;
            /*设计字体类型*/
            text-indent: 2em;
        }

        p.indent {
            text-indent: 2em;
            line-height: 200%;
        }

        .one {
            font-weight: bold;
            /*设计字体为粗体*/
            font-size: 20px;
        }

        .two {
            font-weight: 400;
            /*设计字体为400粗细*/
            font-size: 20px;
            font-size: 25px;
            text-decoration: underline;
            /*设计下划线*/
        }

        .three {
            font-weight: 900;
            /*设计字体为900粗细*/
            font-size: 20px;
        }
        div{margin: 0 200px 0 200px;
            border: 3px dashed red; 
            text-indent: 50px; 
            text-align: left;}
    </style>
</head>

<body>
        <h2>沁园春·雪</h2>
        <div>
        <p>独立寒秋,<span class="one">湘江</span>北去,橘子洲头。 看万山红遍,
            林尽染;<span class="two">漫江碧透,百舸争流。</span>
            鹰击长空,鱼翔浅底,万类霜天竞自由。
            怅寥廓，问苍茫大地，谁主沉浮？携来百侣曾游，忆往昔峥嵘岁月稠。恰同学少年，风华正茂；书生意气，挥斥方遒。
            指点江山,<span class="three">激扬文字,</span>粪土当年万户侯。曾记否,中流击水,浪遏飞舟？</p>
    </div>

</body>

</html>